﻿/*
*
  基础样式
*/
*{margin:0;padding:0;}
body{font-family:Arial,Verdana,"Microsoft YaHei", sans-serif;font-size:16px;color:#333;background-color:#fff;}
a{color:#333;outline: none !important;cursor: pointer;-webkit-transition: back 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;text-decoration: none}
a:focus,
a:hover,
a:active {outline: none !important;text-decoration: none;}
a.disabled{cursor: not-allowed; }
a.disabled,
a.disabled:focus,
a.disabled:hover,
a.disabled:active {color:#ccc;}
h1, .h1 { font-size: 24px; }
h2, .h2 { font-size: 22px; }
h3, .h3 { font-size: 20px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 16px; }
h6, .h6 { font-size: 14px; }
h7, .h7 { font-size: 12px; }
.a-white{color: #ffffff!important;}
.a-white:hover{color: #ff9900!important;}
.h1, .h2, .h3,.h4, h1, h2, h3,h4{margin-top:0;}
label{margin-bottom:0; display:inline\9; font-weight:normal;}
ul{margin-bottom:0;padding-left:0;list-style: none;}
i,em{font-style: normal;}
.wrap{width:1000px;margin:0 auto;}
dt{font-weight:normal;}
img{vertical-align: middle;}
/*============ font ============*/
/* font-size */
.font-10 { font-size: 10px }
.font-11 { font-size: 11px }
.font-12 { font-size: 12px !important; }
.font-14 { font-size: 14px !important;}
.font-16 { font-size: 16px!important;}
.font-18 { font-size: 18px }
.font-20 { font-size: 20px!important;}
.font-22 { font-size: 22px }
.font-24 { font-size: 24px }
.font-26 { font-size: 26px }
.font-28 { font-size: 28px }
.font-30 { font-size: 30px }
.font-32 { font-size: 32px }
.font-36 { font-size: 36px;}
.font-42{ font-size: 42px;}
.font-44 { font-size: 44px;}
/* font style */
.font-yahei{font-family: Helvetica, Arial, "Microsoft YaHei", sans-serif;}
.font-bold{font-weight:bold;}
.font-normal{font-weight:normal;}
.font-oblique{font-style:oblique;}
.font-italic{font-style:italic;}
.font-line,.font-line:hover,.font-linhover:hover{text-decoration:underline;}
.font-linnone{text-decoration: none;}

/* font color */
.font-white{color: #fff;}/*Z-DL*/
.font-gray-3{color: #666666;}
.font-gray-5{color: #4d4d4d!important;}
.font-gray-4{color: #a5a5a5;}
.font-gray-7{color: #eeeeee;}
.font-gray-8{color: #bbbbbb;}
.font-gray-14{color: #333333;}
.font-blue{color: #0657ce!important;}

/*============ border ============*/

/* border width */
.border-1 {border:1px solid #fff;}
.border-2{border: 2px solid;}/*Z-DL*/
.border-5{border: 5px solid;}/*Z-DL*/
.border-t-2{border-top: 2px solid;}/*Z-DL*/
.border-b-2{border-bottom: 2px solid;}/*Z-DL*/
.border-bottom-1 {border-bottom:1px solid #fff;}
.border-top-1 {border-top: 1px solid #fff}
.border-left-1 {border-left: 1px solid;}
.border-right-1 {border-right: 1px solid #fff}
.border-bottom-2{border-bottom:1px dotted #fff}
.border-gary-1{border:1px solid #eaeaea;}
.border-gray-e6{border: 1px solid #e6e6e6!important;}
.border-r-gray{border-right: 1px solid #e6e6e6;}
/* border style */
.no-border{border:none!important;}
.no-border-l{border-left: none!important;}
.no-border-r{border-right: none!important;}
.no-border-b{border-right: none!important;}
.border-solid{border-style:solid;}
.border-dashed{border-style:dashed;}
.border-dotted{border-style:dotted;}
.border-double{border-style:double;}
.border-radius-50{border-radius: 50%;}
.border-radius-20p{border-radius:20px!important;}
/* border color*/
.border-gray{border-color:#eaeaea;}
.border-white{border-color:#fff;}
/* border radius */
.border-ra-2{border-radius:2px;}
.border-ra-3{border-radius:3px;}
.border-ra-4{border-radius:4px;}
.border-ra-5{border-radius:5px;}
.border-ra-6{border-radius:5px;}
.border-ra-10{border-radius:10px;}
.border-ra-5p{border-radius:50%;}
.border-t-l-ra-3{border-top-left-radius:3px;}
.border-t-r-ra-3{border-top-right-radius:3px;}
.border-bottom-gray-1 {border-bottom-color:#eaeaea; }

.border-t-gray{border-top: 1px solid #e6e6e6;}
.border-t-f5{border-top: 1px solid #f5f5f5;}
.border-r-gray{border-right: 1px solid #e6e6e6;}
.border-l-gray{border-left: 1px solid #e6e6e6;}
.border-b-orange{border-bottom: 1px solid #ff9900!important;}

/*============ padding ============*/
.no-padding { padding:0 !important; }
.no-padding-t{ padding-top:0 !important; }
.no-padding-r{ padding-right:0 !important;; }
.no-padding-b{ padding-bottom:0 !important; }
.no-padding-l{ padding-left:0 !important; }

.padding-1{padding:1px;}
.padding-5{padding:5px;}
.padding-10{padding:10px;}
.padding-12{padding:12px;}
.padding-15{padding:15px !important;}
.padding-20{padding:20px;}
.padding-25{padding:25px;}
.padding-30{padding:30px;}
.padding-40{padding:40px;}
.padding-50{padding:50px;}

.padding-lr-20{padding: 0px 20px!important;}
.padding-t-0{padding-top:0 !important;}
.padding-t-3{padding-top:3px;}
.padding-t-5{padding-top:5px;}
.padding-t-10{padding-top:10px;}
.padding-t-15{padding-top:15px;}
.padding-t-20{padding-top:20px;}
.padding-t-25{padding-top:25px;}
.padding-t-30{padding-top:30px;}
.padding-t-34{padding-top:34px;}
.padding-t-38{padding-top:38px;}
.padding-t-40{padding-top:40px;}
.padding-t-45{padding-top:45px;}
.padding-t-50{padding-top:50px;}
.padding-t-60{padding-top:60px !important;}
.padding-t-64{padding-top:64px !important;}
.padding-t-70{padding-top:70px;}
.padding-t-80{padding-top:80px;}
.padding-t-90{padding-top:90px;}
.padding-t-100{padding-top:100px;}

.padding-r-5{padding-right:5px!important;}
.padding-r-10{padding-right:10px;}
.padding-r-15{padding-right:15px;}
.padding-r-20{padding-right:20px;}
.padding-r-25{padding-right:25px;}
.padding-r-30{padding-right:30px;}
.padding-r-40{padding-right:40px;}
.padding-r-50{padding-right:50px;}
.padding-r-60{padding-right:60px;}
.padding-r-70{padding-right:70px;}
.padding-r-80{padding-right:80px;}
.padding-r-90{padding-right:90px;}
.padding-r-100{padding-right:100px;}

.padding-r5{padding-right:-5px!important;}
.padding-r10{padding-right:-10px!important;}

.padding-b-5{padding-bottom:5px;}
.padding-b-10{padding-bottom:10px;}
.padding-b-15{padding-bottom:15px;}
.padding-b-20{padding-bottom:20px;}
.padding-b-25{padding-bottom:25px;}
.padding-b-30{padding-bottom:30px;}
.padding-b-40{padding-bottom:40px;}
.padding-b-50{padding-bottom:50px;}
.padding-b-60{padding-bottom:60px;}
.padding-b-70{padding-bottom:70px;}
.padding-b-80{padding-bottom:80px;}
.padding-b-90{padding-bottom:90px;}
.padding-b-100{padding-bottom:100px;}

.padding-l-0{ padding-left: 0;}/*z-dl*/
.padding-l-5{padding-left:5px;}
.padding-l-10{padding-left:10px;}
.padding-l-15{padding-left:15px;}
.padding-l-20{padding-left:20px!important;}
.padding-l-25{padding-left:25px;}
.padding-l-30{padding-left:30px;}
.padding-l-40{padding-left:40px;}
.padding-l-50{padding-left:50px;}
.padding-l-60{padding-left:60px;}
.padding-l-70{padding-left:70px;}
.padding-l-80{padding-left:80px;}
.padding-l-90{padding-left:90px;}
.padding-l-100{padding-left:100px !important;}

.padding-rl-24{padding: 0px 24px!important;}
.padding-rl-5{padding: 0px 5px!important;}

/*============ margin ============*/
.no-margin { margin:0; }
.no-margin-t{ margin-top:0!important; }
.no-margin-r{ margin-right:0!important; }
.no-margin-b{ margin-bottom:0 !important; }
.no-margin-l{ margin-left:0!important; }
.margin-lr-3{margin-left:3px;margin-right:3px;}
.margin-lr-5{margin-left:5px;margin-right:5px;}

.margin-5{margin: 5px;}
.margin-10{margin: 10px;}
.margin-15{margin: 15px;}
.margin-20{margin: 20px;}
.margin-25{margin: 25px;}
.margin-30{margin: 30px;}
.margin-40{margin: 40px;}
.margin-50{margin: 50px;}

.margin-t-3{margin-top: 3px;}
.margin-t-4{margin-top: 4px;}
.margin-t-5{margin-top: 5px !important;}
.margin-t-6{margin-top: 6px;}
.margin-t-7{margin-top: 7px;}
.margin-t-8{margin-top: 8px;}
.margin-t-9{margin-top: 9px;}
.margin-t-10{margin-top: 10px !important;}
.margin-t-15{margin-top: 15px;}
.margin-t-20{margin-top: 20px !important;}
.margin-t-25{margin-top: 25px;}
.margin-t-30{margin-top: 30px;}
.margin-t-35{margin-top: 35px;}
.margin-t-38{margin-top: 38px;}
.margin-t-40{margin-top: 40px;}
.margin-t-42{margin-top: 42px;}
.margin-t-44{margin-top: 44px;}
.margin-t-45{margin-top: 45px;}
.margin-t-50{margin-top: 50px;}
.margin-t-55{margin-top: 55px;}
.margin-t-58{margin-top: 58px;}
.margin-t-60{margin-top: 60px;}
.margin-t-65{margin-top: 65px;}
.margin-t-70{margin-top: 70px;}
.margin-t-80{margin-top: 80px;}
.margin-t-90{margin-top: 90px;}
.margin-t-100{margin-top: 100px;}

.margin-r-3{margin-right: 3px;}
.margin-r-5{margin-right: 5px;}
.margin-r-10{margin-right: 10px;}
.margin-r-12{margin-right: 12px;}
.margin-r-15{margin-right: 15px;}
.margin-r-20{margin-right: 20px;}
.margin-r-25{margin-right: 25px;}
.margin-r-30{margin-right: 30px;}
.margin-r-40{margin-right: 40px;}
.margin-r-50{margin-right: 50px;}
.margin-r-60{margin-right: 60px;}
.margin-r-70{margin-right: 70px;}
.margin-r-80{margin-right: 80px;}
.margin-r-90{margin-right: 90px;}
.margin-r-100{margin-right: 100px;}

.margin-b-5{margin-bottom: 3px;}
.margin-b-5{margin-bottom: 5px !important;}
.margin-b-8{margin-bottom: 8px;}
.margin-b-10{margin-bottom: 10px !important;}
.margin-b-11{margin-bottom: 11px;}
.margin-b-15{margin-bottom: 15px;}
.margin-b-20{margin-bottom: 20px !important;}
.margin-b-25{margin-bottom: 25px;}
.margin-b-30{margin-bottom: 30px !important;}
.margin-b-35{margin-bottom: 35px;}
.margin-b-40{margin-bottom: 40px;}
.margin-b-50{margin-bottom: 50px!important;}
.margin-b-60{margin-bottom: 60px;}
.margin-b-70{margin-bottom: 70px;}
.margin-b-80{margin-bottom: 80px;}
.margin-b-90{margin-bottom: 90px;}
.margin-b-100{margin-bottom: 100px;}

.margin-l-3{margin-left: 3px;}
.margin-l-4{margin-left: 4px;}
.margin-l-5{margin-left: 5px;}
.margin-l-7{margin-left: 7px;}
.margin-l-10{margin-left: 10px;}
.margin-l-12{margin-left: 12px;}
.margin-l-15{margin-left: 15px;}
.margin-l-20{margin-left: 20px;}
.margin-l-25{margin-left: 25px;}
.margin-l-30{margin-left: 30px;}
.margin-l-35{margin-left: 35px;}
.margin-l-40{margin-left: 40px;}
.margin-l-50{margin-left: 50px;}
.margin-l-60{margin-left: 60px;}
.margin-l-70{margin-left: 70px;}
.margin-l-80{margin-left: 80px;}
.margin-l-90{margin-left: 90px;}
.margin-l-100{margin-left: 100px;}

/* ============ width ============ */
.width-5 { width: 5px }
.width-10 { width: 10px }
.width-15 { width: 15px }
.width-20 { width: 20px }
.width-25 { width: 25px }
.width-30 { width: 30px }
.width-35 { width: 35px }
.width-40 { width: 40px }
.width-45 { width: 45px }
.width-50 { width: 50px }
.width-55 { width: 55px }
.width-60 { width: 60px !important;}
.width-65 { width: 65px }
.width-70 { width: 70px  }
.width-75 { width: 75px }
.width-80 { width: 80px }
.width-85 { width: 85px }
.width-90 { width: 90px }
.width-95 { width: 95px }
.width-100 { width: 100px }
.width-110 { width: 110px !important;}
.width-120 { width: 120px !important;}
.width-150 { width: 150px !important;}
.width-130 { width: 130px !important;}
.width-180 { width: 180px !important;}
.width-200 { width: 200px }
.width-270 { width: 270px }
.width-360 { width: 360px !important;}
.width-600 { width: 600px }
.width-900 { width: 900px }
.width-25p {width: 25%;}
.width-40p {width: 40%;}
.width-50p { width: 50%;}
.width-60p {width: 60%;}
.width-70p{width:70%;}
.width-100p { width: 100%;}

/* ============ height ============ */
.height-5 { height: 5px }
.height-10 { height: 10px }
.height-15 { height: 15px }
.height-20 { height: 20px }
.height-25 { height: 25px }
.height-24 { height: 24px; }
.height-30 { height: 30px }
.height-35 { height: 35px }
.height-40 { height: 40px!important;}
.height-45 { height: 45px }
.height-50 { height: 50px }
.height-55 { height: 55px }
.height-60 { height: 60px }
.height-65 { height: 65px }
.height-70 { height: 70px }
.height-75 { height: 75px }
.height-80 { height: 80px }
.height-85 { height: 85px }
.height-90 { height: 90px }
.height-95 { height: 95px }
.height-100 { height: 100px }
.height-105 { height: 105px }
.height-110 { height: 110px }
.height-115 { height: 115px }
.height-120 { height: 120px }
.height-200 { height: 200px }

/* max height */
.max-h-50{max-height:50px;}
/*============ line-height ============ */
.line-h-10{ line-height:10px;}
.line-h-12{ line-height:12px;}
.line-h-14{ line-height:14px;}
.line-h-16{ line-height:16px;}
.line-h-17{ line-height:17px;}
.line-h-18{ line-height:18px;}
.line-h-20{ line-height:20px;}
.line-h-21{ line-height:21px;}
.line-h-22{ line-height:22px;}
.line-h-23{ line-height:23px;}
.line-h-24{ line-height:24px!important;}
.line-h-25{ line-height:25px;}
.line-h-26{ line-height:26px;}
.line-h-28{ line-height:28px;}
.line-h-30{ line-height:30px;}
.line-h-34{ line-height:34px;}
.line-h-36{ line-height:36px!important;}
.line-h-40{ line-height:40px;}
.line-h-42{ line-height:42px;}

/* ============ opacity  ============ */
/* = opacity  = */
.opacity-0{ opacity: 0;   filter: alpha(opacity=0); }
.opacity-01{ opacity: 0.1; filter: alpha(opacity=10); }
.opacity-02{ opacity: 0.2; filter: alpha(opacity=20); }
.opacity-03{ opacity: 0.3; filter: alpha(opacity=30); }
.opacity-04{ opacity: 0.4; filter: alpha(opacity=40); }
.opacity-05{ opacity: 0.5; filter: alpha(opacity=50); }
.opacity-06{ opacity: 0.6; filter: alpha(opacity=60); }
.opacity-07{ opacity: 0.7; filter: alpha(opacity=70); }
.opacity-08{ opacity: 0.8; filter: alpha(opacity=80); }
.opacity-1{ opacity: 1;   filter: alpha(opacity=100); }

/* = max-width  = */
.max-width-200{max-width: 200px;}

/* ============ other  ============ */
.text-ellipsis{max-width:100%;overflow: hidden; /*white-space: nowrap;text-overflow: ellipsis; display:block;*/}
/*textarea{resize: none;}*/
.overflow-hidden{overflow:hidden;}
.relative{position: relative;}
.middle{vertical-align: middle !important;}
.display-none{display: none;}
.vertical-align-1{vertical-align:1px;}
.text-indent{text-indent: 2em;}
.pull-left{float: left}
.pull-right{float: right}
.text-center{text-align: center}
/** ico **/
.ico15{width:15px; height: 15px; display: inline-block; vertical-align: middle;}
.inline-block{display: inline-block;}
.break-word{word-wrap: break-word; word-break: break-word;}
.cursor-default{cursor: default !important;}
/** span 内显示白色 */
.span-white{color: #fff;}

a.amoust:hover {
font-weight:bold;
color: #0657ce !important;
}
